
Ext.ClassManager.create('ape.view.cliente.CreateView', {
	extend: 'Ext.form.Panel',
	alias: 'widget.createClienteForm',
	id: 'Cliente',
	url: 'cliente',
	width: '100%',
	//frame: true,
    title: 'Crear Nuevo Cliente',
	defaults: {
		//anchor: '50%',
		labelAlign: 'right',
		labelPad: 20,
		labelWidth: '45%',
		/*
		 * padding
		 * 1 elemento es de arriba
		 * 2 elemento es de izq
		 * 3 elemento es la derecha
		 * 
		 */
		padding: '5 20 20 0',
		anchor: '100%'
	},
	
	initComponent: function() {
		this.items = [{
			xtype: 'textfield',
			id: 'nombreCliente-cliente',
			fieldLabel: 'Nombre Cliente',
			maxLength:50,
			allowBlank: false,
			name: 'nombreCliente',
			/*
			 * max size 65 
			 */
			size: 55
		},{
			xtype: 'textfield',
			id: 'nombreCortoCliente-cliente',
			fieldLabel: 'Nombre Corto Cliente',
			maxLength:15,
			allowBlank: false,
			name: 'nombreCortoCliente',
			size: 20
		},{
			xtype: 'textfield',
			id: 'nombreContacto-cliente',
			fieldLabel: 'Nombre Contacto',
			maxLength:80,
			allowBlank: false,
			name: 'nombreContacto',
			size: 65
		},{
			xtype: 'textfield',
			id: 'email-cliente',
			fieldLabel: 'Email',
			maxLength:50,
			allowBlank: false,
			name: 'email',
			inputType: "email",
			size: 55
		},{
			xtype: 'textfield',
			id: 'telefono-cliente',
			fieldLabel: 'Telefono',
			maxLength:14,
			allowBlank: true,
			name: 'telefono',
			size: 20
		},{
			xtype: 'textfield',
			id: 'direccion-cliente',
			fieldLabel: 'Direccion',
			maxLength:100,
			allowBlank: true,
			name: 'direccion',
			size: 65
		},{
			xtype: 'textfield',
			id: 'ciudad-cliente',
			fieldLabel: 'Ciudad',
			maxLength:20,
			allowBlank: true,
			name: 'ciudad',
			size: 25
		},{
			xtype: 'textfield',
			id: 'cp-cliente',
			fieldLabel: 'CP',
			maxLength:5,
			allowBlank: true,
			name: 'cp',
			size: 10
		}];
		
		this.buttons = [{
			text: 'Crear Cliente',
			id:'idButtonCrearCliente',
			formBind: true
		}];
		
		this.callParent(arguments);
	}
});


